<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <link href="css/common.css}" rel="stylesheet" type="text/css"/>
    <link href="fonts/iconfont.css}" rel="stylesheet" type="text/css"/>
    <link href="css/style.css}" rel="stylesheet" type="text/css"/>
    <script src="js/jquery-1.9.1.min.js}" type="text/javascript"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js}" type="text/javascript"></script>
    <script src="js/common_js.js}" type="text/javascript"></script>
    <script src="js/footer.js}" type="text/javascript"></script>
    <title>商城首页</title>
</head>
<body>
<!--顶部广告-->
<div class="p_f_name infonav_hidden"
     style="background:url(images/top_AD_01.png) no-repeat; background-position:center; height:436px; width:100%">
    <div class="Menu_style"><p class="infonav_mores"><a class="more" href="#" href="javascript:"
                                                        onclick="infonav_more_down(0);return false;"><em
            class="iconfont icon-close2"></em></a></p></div>
</div>
<!--悬浮广告-->
<div class="mod_qr">
    <a class="mod_qr_bd" href="#"><img src="images/AD-p-3.jpg"/></a>
    <a class="fixed_qr_close" href="javascript:void(0);" id="close"><em class="iconfont icon-close2"></em></a>
</div>
<!--做成悬浮菜单样式-->
<div class="Suspension" id="left_nav">
    <div class="Suspension_top"></div>
    <div class="Suspension_menu">
        <ul>
            <li><a class="" href="#">每日必看</a></li>
            <li><a class="" href="#">爆款榜</a></li>
            <li><a class="" href="#">上新单品</a></li>
            <li><a class="" href="#">品牌团购</a></li>
        </ul>
    </div>
    <div class=""></div>
</div>

<!--顶部图层-->
<div id="header_top">
    <div id="top">
        <div class="Inside_pages">
            <div class="Collection">下午好，欢迎光临锦宏颜！<em></em><a href="#">收藏我们</a></div>
            <div class="hd_top_manu clearfix">
                <ul class="clearfix">
                    <li class="hd_menu_tit zhuce" data-addclass="hd_menu_hover">欢迎光临本店！<a class="red" href="#">[请登录]</a>
                        新用户<a class="red" href="#">[免费注册]</a></li>
                    <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">我的订单</a></li>
                    <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">购物车</a></li>
                    <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">联系我们</a></li>
                    <li class="hd_menu_tit list_name" data-addclass="hd_menu_hover"><a class="hd_menu" href="#">客户服务</a>
                        <div class="hd_menu_list">
                            <ul>
                                <li><a href="#">常见问题</a></li>
                                <li><a href="#">在线退换货</a></li>
                                <li><a href="#">在线投诉</a></li>
                                <li><a href="#">配送范围</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="hd_menu_tit phone_c" data-addclass="hd_menu_hover"><a class="hd_menu " href="#"><em
                            class="iconfont icon-shouji"></em>手机版</a>
                        <div class="hd_menu_list erweima">
                            <ul>
                                <img height="100" src="images/erweima.png" width="100px"/>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--样式-->
    <!--顶部样式2-->
    <div class="header page_style" id="header ">
        <div class="logo"><a href="index.html"><img src="images/logo.png"/></a></div>
        <!--结束图层-->
        <div class="Search">
            <p><input class="text" name="" type="text"/><input class="Search_btn" name="" type="submit" value="搜 索"/>
            </p>
            <p class="Words"><a href="#">苹果</a><a href="#">香蕉</a><a href="#">菠萝</a><a href="#">西红柿</a><a href="#">橙子</a><a
                    href="#">苹果</a></p>
        </div>
        <!--购物车样式-->
        <div class="hd_Shopping_list" id="Shopping_list">
            <div class="s_cart"><em class="iconfont icon-cart2"></em><a href="#">我的购物车</a> <i
                    class="ci-right">&gt;</i><i class="ci-count" id="shopping-amount">0</i></div>
            <div class="dorpdown-layer">
                <div class="spacer"></div>
                <!--<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>-->
                <ul class="p_s_list">
                    <li>
                        <div class="img"><img src="images/tianma.png"></div>
                        <div class="content"><p><a href="#">产品名称</a></p>
                            <p>颜色分类:紫花8255尺码:XL</p></div>
                        <div class="Operations">
                            <p class="Price">￥55.00</p>
                            <p><a href="#">删除</a></p></div>
                    </li>
                </ul>
                <div class="Shopping_style">
                    <div class="p-total">共<b>1</b>件商品　共计<strong>￥ 515.00</strong></div>
                    <a class="Shopping" href="#" id="btn-payforgoods" title="去购物车结算">去购物车结算</a>
                </div>
            </div>
        </div>
    </div>
    <!--菜单导航样式-->
    <div class="clearfix" id="Menu">
        <div class="index_style clearfix">
            <div id="allSortOuterbox">
                <div class="t_menu_img"></div>
                <div class="Category"><a href="#"><em></em>所有产品分类</a></div>
                <div class="hd_allsort_out_box_new">
                    <!--左侧栏目开始-->
                    <ul class="Menu_list">
                        <li class="name">
                            <div class="Menu_name"><a href="goodsList.html">面部护理</a> <span>&lt;</span></div>
                            <div class="link_name">
                                <p><a href="goodsDetail.html">茅台</a> <a href="#">五粮液</a> <a href="#">郎酒</a> <a href="#">剑南春</a>
                                </p>
                            </div>
                            <div class="menv_Detail">
                                <div class="cat_pannel clearfix">
                                    <div class="hd_sort_list">
                                        <dl class="clearfix" data-tpc="1">
                                            <dt><a href="#">面膜<i>></i></a></dt>
                                            <dd><a href="#">撕拉面膜</a><a href="#">面膜贴</a><a href="#">免洗面膜</a><a href="#">水洗面膜</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix" data-tpc="2">
                                            <dt><a href="#">洁面<i>></i></a></dt>
                                            <dd><a href="#">洁面摩丝</a><a href="#">洁面乳 </a><a href="#">洁面啫哩/胶</a><a
                                                    href="#">面部去角质/磨砂</a><a href="#">洁面膏/霜</a><a href="#">洁肤皂</a></dd>
                                        </dl>
                                        <dl class="clearfix" data-tpc="3">
                                            <dt><a href="#">化妆水<i>></i></a></dt>
                                            <dd><a href="#"> 喷雾</a><a href="#"> 精华水</a><a href="#"> 柔肤水</a><a href="#">爽肤水</a><a
                                                    href="#">收敛水/紧肤水</a></dd>
                                        </dl>
                                        <dl class="clearfix" data-tpc="4">
                                            <dt><a href="#">眼部护理<i>></i></a></dt>
                                            <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix" data-tpc="4">
                                            <dt><a href="#">眼部护理<i>></i></a></dt>
                                            <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix" data-tpc="4">
                                            <dt><a href="#">防晒<i>></i></a></dt>
                                            <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix" data-tpc="4">
                                            <dt><a href="#">唇部护理<i>></i></a></dt>
                                            <dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix" data-tpc="4">
                                            <dt><a href="#">乳液/面霜<i>></i></a></dt>
                                            <dd><a href="#"> 乳液</a><a href="#"> 面霜</a><a href="#">按摩霜</a><a href="#">面部啫喱</a><a
                                                    href="#">凝露/凝胶</a></dd>
                                        </dl>
                                    </div>
                                    <div class="Brands">
                                        <a class="logo_Brands" href="#"><img src="product/logo/34.jpg"/></a>
                                        <a class="logo_Brands" href="#"><img src="product/logo/42.jpg"/></a>
                                        <a class="logo_Brands" href="#"><img src="product/logo/152.jpg"/></a>
                                        <a class="logo_Brands" href="#"><img src="product/logo/156.jpg"/></a>
                                        <a class="logo_Brands" href="#"><img src="product/logo/458.jpg"/></a>
                                        <a class="logo_Brands" href="#"><img src="product/logo/339.jpg"/></a>
                                        <a class="logo_Brands" href="#"><img src="product/logo/245.jpg"/></a>
                                        <a class="logo_Brands" href="#"><img src="product/logo/199.jpg"/></a>
                                        <a class="logo_Brands" href="#"><img src="product/logo/618.jpg"/></a>
                                        <a class="logo_Brands" href="#"><img src="product/logo/644.jpg"/></a>
                                        <a class="AD_3" href="#"><img src="product/ad/2.jpg"/></a>
                                    </div>
                                </div>
                                <!--品牌-->
                            </div>
                        </li>
                        <li class="name">
                            <div class="Menu_name"><a href="#">身体护理</a><span>&lt;</span></div>
                            <div class="link_name">
                                <a href="goodsDetail.html"> 面霜</a><a href="#">眼霜</a><a href="#"> 面膜</a><a
                                    href="#">护肤套装</a>

                            </div>
                            <div class="menv_Detail">
                                <div class="cat_pannel clearfix">
                                </div>
                            </div>
                        </li>
                        <li class="name">
                            <div class="Menu_name"><a href="#">香水彩妆</a><span>&lt;</span></div>
                            <div class="link_name">
                                <a href="#">卸妆 </a><a href="#">防晒</a><a href="#">BB</a>
                                <a href="#">女士香水</a>
                            </div>
                            <div class="menv_Detail">
                                <div class="cat_pannel clearfix">
                                </div>
                            </div>
                        </li>
                        <li class="name">
                            <div class="Menu_name"><a href="#">洗发护发</a><span>&lt;</span></div>
                            <div class="link_name">
                                <a href="#">洗发</a><a href="#">护发</a><a href="#">沐浴</a><a href="#">润肤乳</a>
                            </div>
                            <div class="menv_Detail">
                                <div class="cat_pannel clearfix">
                                </div>
                            </div>
                        </li>
                        <li class="name">
                            <div class="Menu_name"><a href="#">女性护理</a><span>&lt;</span></div>
                            <div class="link_name">
                                <a href="#">洁面</a><a href="#">坚果炒货</a><a href="#">乳液</a>
                                <a href="#"> 面霜</a>
                            </div>
                            <div class="menv_Detail">
                                <div class="cat_pannel clearfix">
                                </div>
                            </div>
                        </li>
                        <li class="name">
                            <div class="Menu_name"><a href="#">男性护理</a><span>&lt;</span></div>
                            <div class="link_name">
                                <a href="#">洁面</a><a href="#">坚果炒货</a><a href="#">乳液</a>
                                <a href="#"> 面霜</a>
                            </div>
                            <div class="menv_Detail">
                                <div class="cat_pannel clearfix">
                                </div>
                            </div>
                        </li>
                        <li class="name">
                            <div class="Menu_name"><a href="#">推荐品牌</a><span>&lt;</span></div>
                            <div class="link_name">
                                <a href="#">欧莱雅</a><a href="#"> 菲诗小铺</a><a href="#"> 雅诗兰黛</a>
                            </div>
                            <div class="menv_Detail">
                                <div class="cat_pannel clearfix">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <script>$("#allSortOuterbox").slide({ titCell:".Menu_list li",mainCell:".menv_Detail",	});</script>
            <!--菜单栏-->
            <div class="Navigation" id="Navigation">
                <ul class="Navigation_name">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="#">日常护理</a></li>
                    <li><a href="#">女士专区</a></li>
                    <li><a href="#">男士专区</a></li>
                    <li><a href="brandList.html">限时团购</a></li>
                    <li><a href="#">礼品DIY</a><em class="hot_icon"></em></li>
                    <li><a href="#">区域合作</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
            <script>$("#Navigation").slide({titCell:".Navigation_name li"});</script>
            <a class="link_bg" href="#"><img src="images/link_bg_03.png"/></a>
        </div>
    </div>
</div>
<!--幻灯片样式-->
<div class="slideBox" id="slideBox">
    <div class="hd">
        <ul class="smallUl"></ul>
    </div>
    <div class="bd">
        <ul>
            <li><a href="#" target="_blank">
                <div style="background:url(images/AD-01.jpg) no-repeat; background-position:center; width:100%; height:460px;"></div>
            </a></li>
            <li><a href="#" target="_blank">
                <div style="background:url(images/AD-02.jpg) no-repeat rgb(207, 231, 255); background-position:center ; width:100%; height:460px;"></div>
            </a></li>
            <li><a href="#" target="_blank">
                <div style="background:url(images/AD-01.jpg) no-repeat; background-position:center; width:100%; height:460px;"></div>
            </a></li>
            <li><a href="#" target="_blank">
                <div style="background:url(images/AD-03.jpg) no-repeat #f7ddea; background-position:center; width:100%; height:460px;"></div>
            </a></li>
            <li><a href="#" target="_blank">
                <div style="background:url(images/AD-04.jpg) no-repeat #e0f4ff; background-position:center; width:100%; height:460px;"></div>
            </a></li>
        </ul>
    </div>
    <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
    <a class="prev" href="javascript:void(0)"></a>
    <a class="next" href="javascript:void(0)"></a>

</div>
<script type="text/javascript">
		jQuery(".slideBox").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true});



</script>
</div>
<div class="index_style clearfix">
    <!--广告-->
    <div class="p_Deals">
        <div class="Deals_title">
            <div class="title_name"><h1>美妆特卖</h1>
                <h2>-大牌火热热卖中-</h2></div>
            <img src="images/AD-bg1_10.png"/></div>
        <div class="Deals_list">
            <ul class="products">
                <li><a href="#"><img src="images/AD-p-1.jpg"/><img class="title" src="images/title_img_13.png"/></a>
                </li>
                <li><a href="#"><img src="images/AD-p-2.jpg"/><img class="title" src="images/title_img_14.png"/></a>
                </li>
                <li><a href="#"><img src="images/AD-p-3.jpg"/><img class="title" src="images/title_img_15.png"/></a>
                </li>
                <li><a href="#"><img src="images/AD-p-4.jpg"/><img class="title" src="images/title_img_16.png"/></a>
                </li>
            </ul>
        </div>
    </div>
    <!--限时特卖-->
    <div class="Limit_p">
        <div class="Limit_title"><img src="images/Limit_img_20.png"/>
            <div class="title_name"><h1>限时团购</h1>
                <h2>LIMIT BUY</h2>
                <h3>品牌限时优惠促销</h3></div>
        </div>
        <div class="Limit_list">
            <ul class="p_t_list">
                <li>
                    <a href="#"><span>御泥坊 玫瑰滋养+红石榴亮颜美肤套装 </span><img height="170" src="product/p_9.jpg" width="180"/>
                        <div class="time"><em class="iconfont icon-time"></em>剩余时间：05时03分45秒</div>
                    </a>
                </li>
                <li>
                    <a href="#"><span>御泥坊 玫瑰滋养+红石榴亮颜美肤套装 </span><img height="170" src="product/p_7.jpg" width="180"/>
                        <div class="time"><em class="iconfont icon-time"></em>剩余时间：05时03分45秒</div>
                    </a>
                </li>
                <li>
                    <a href="#"><span>御泥坊 玫瑰滋养+红石榴亮颜美肤套装 </span><img height="170" src="product/p_11.jpg" width="180"/>
                        <div class="time"><em class="iconfont icon-time"></em>剩余时间：05时03分45秒</div>
                    </a>
                </li>

                <li>
                    <a href="#"><span>御泥坊 玫瑰滋养+红石榴亮颜美肤套装 </span><img height="170" src="product/p_19.jpg" width="180"/>
                        <div class="time"><em class="iconfont icon-time"></em>剩余时间：05时03分45秒</div>
                    </a>
                </li>
                <li>
                    <a href="#"><span>御泥坊 玫瑰滋养+红石榴亮颜美肤套装 </span><img height="170" src="product/p_29.jpg" width="180"/>
                        <div class="time"><em class="iconfont icon-time"></em>剩余时间：05时03分45秒</div>
                    </a>
                </li>
                <li>
                    <a href="#"><span>御泥坊 玫瑰滋养+红石榴亮颜美肤套装 </span><img height="170" src="product/p_20.jpg" width="180"/>
                        <div class="time"><em class="iconfont icon-time"></em>剩余时间：05时03分45秒</div>
                    </a>
                </li>
                <li class="Limit_name">
                    <a href="#"><img height="399" src="images/bg_p_23.png" width="243"/>
                        <div class="time"><em class="iconfont icon-time"></em>剩余时间：05时03分45秒</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!--品牌展示-->
    <div class="Brand_Show" id="Brand_Show">
        <div class="parHd  Toggle">
            <ul>
                <li>国际大牌<em></em></li>
                <li>推荐品牌<em></em></li>
                <li>国货精品<em></em></li>
            </ul>
        </div>
        <div class="parBd list">
            <div class="parBdIn">
                <ul>
                    <li class="brand_list">
                        <a class="brand_logo" href="#"><img src="product/logo/34.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/42.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/152.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/156.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/199.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/245.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/339.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/458.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/618.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/644.jpg" width="160"/><span>欧珀莱</span></a>
                    </li>
                    <li class="brand_ad">
                        <div class="AD_slideBox" id="AD_slideBox">
                            <div class="hd">
                                <ul></ul>
                            </div>
                            <div class="bd">
                                <ul>
                                    <li><a href="#"><img src="images/AD.png"/></a></li>
                                    <li><a href="#"><img src="images/AD1.jpg"/></a></li>
                                    <li><a href="#"><img src="images/AD2.jpg"/></a></li>
                                </ul>
                            </div>
                        </div>
                        <script type="text/javascript">
		jQuery(".AD_slideBox").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true,interTime:5000});



                        </script>
                    </li>
                </ul>
                <ul>
                    <li class="brand_list">
                        <a class="brand_logo" href="#"><img src="product/logo/34.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/42.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/152.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/156.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/199.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/245.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/339.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/458.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/618.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/644.jpg" width="160"/><span>欧珀莱</span></a>
                    </li>
                </ul>
                <ul>
                    <li class="brand_list">
                        <a class="brand_logo" href="#"><img src="product/logo/34.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/42.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/152.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/156.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/199.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/245.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/339.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/458.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/618.jpg" width="160"/><span>欧珀莱</span></a>
                        <a class="brand_logo" href="#"><img src="product/logo/644.jpg" width="160"/><span>欧珀莱</span></a>
                    </li>
                </ul>
            </div>
        </div>
        <a class="prev" href="javascript:void(0)"><em class="iconfont icon-left"></em></a>
        <a class="next" href="javascript:void(0)"><em class="iconfont icon-right"></em></a>
    </div>
    <script type="text/javascript">
        jQuery("#Brand_Show").slide({titCell:".parHd li",mainCell:".parBdIn",trigger:"click"});


    </script>
    <!--产品版块-->
    <div class="p_Section clearfix">
        <div class="Section_title">
            <div class="name"><em>1F</em>脸部护理</div>
            <div class="p_link"><a href="#">面膜</a> | <a href="#">补水</a> | <a href="#">祛痘</a> | <a href="#">美白</a> | <a
                    href="#">防晒</a> |<a href="#">护肤套装</a> | <a href="#">洁面</a></div>
        </div>
        <div class="Section_info clearfix">
            <div class="pro_ad_slide">
                <div class="hd">
                    <ul></ul>
                </div>
                <div class="bd">
                    <ul>
                        <li><a href="#"><img height="449" src="images/AD-p-5.jpg" width="598"/></a></li>
                        <li><a href="#"><img height="449" src="images/AD-p-6.jpg" width="598"/></a></li>
                    </ul>
                </div>
                <a class="prev" href="javascript:void(0)"><em class="arrow"></em></a>
                <a class="next" href="javascript:void(0)"><em class="arrow"></em></a>
            </div>
            <script type="text/javascript">
		jQuery(".pro_ad_slide").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true,interTime:6000});



            </script>
            <!--产品列表-->
            <div class="pro_list">
                <ul>
                    <li>
                        <a href="#"><img height="150px" src="product/p_1.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_2.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_3.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_4.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_5.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">ECHOIN/百雀羚 小雀幸静润补水保湿面膜 丰盈补水 自然润泽</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_6.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="pro_ads">
                <ul>
                    <li class="border"><a href="#"><img height="140px" src="product/ad/1.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/2.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/3.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/4.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/5.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/6.jpg" width="198"/></a></li>
                </ul>
            </div>
            <div class="pro_logo">
                <a href="#"><img height="30" src="product/logo/34.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/42.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/152.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/156.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/740.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/741.png" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/1663.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/690.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/1663.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/1270.jpg" width="112"/></a>
            </div>
        </div>
    </div>
    <!--产品版块-->
    <div class="p_Section clearfix">
        <div class="Section_title">
            <div class="name"><em>1F</em>脸部护理</div>
            <div class="p_link"><a href="#">面膜</a> | <a href="#">补水</a> | <a href="#">祛痘</a> | <a href="#">美白</a> | <a
                    href="#">防晒</a> |<a href="#">护肤套装</a> | <a href="#">洁面</a></div>
        </div>
        <div class="Section_info clearfix">
            <div class="pro_ad_slide">
                <div class="hd">
                    <ul></ul>
                </div>
                <div class="bd">
                    <ul>
                        <li><a href="#"><img height="449" src="images/AD-p-5.jpg" width="598"/></a></li>
                        <li><a href="#"><img height="449" src="images/AD-p-6.jpg" width="598"/></a></li>
                    </ul>
                </div>
                <a class="prev" href="javascript:void(0)"><em class="arrow"></em></a>
                <a class="next" href="javascript:void(0)"><em class="arrow"></em></a>
            </div>
            <script type="text/javascript">
		jQuery(".pro_ad_slide").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true,interTime:6000});



            </script>
            <!--产品列表-->
            <div class="pro_list">
                <ul>
                    <li>
                        <a href="#"><img height="150px" src="product/p_1.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_2.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_3.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_4.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_5.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">ECHOIN/百雀羚 小雀幸静润补水保湿面膜 丰盈补水 自然润泽</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_6.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="pro_ads">
                <ul>
                    <li class="border"><a href="#"><img height="140px" src="product/ad/1.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/2.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/3.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/4.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/5.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/6.jpg" width="198"/></a></li>
                </ul>
            </div>
            <div class="pro_logo">
                <a href="#"><img height="30" src="product/logo/34.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/42.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/152.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/156.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/740.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/741.png" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/1663.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/690.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/1663.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/1270.jpg" width="112"/></a>
            </div>
        </div>
    </div>
    <!--产品版块-->
    <div class="p_Section clearfix">
        <div class="Section_title">
            <div class="name"><em>1F</em>脸部护理</div>
            <div class="p_link"><a href="#">面膜</a> | <a href="#">补水</a> | <a href="#">祛痘</a> | <a href="#">美白</a> | <a
                    href="#">防晒</a> |<a href="#">护肤套装</a> | <a href="#">洁面</a></div>
        </div>
        <div class="Section_info clearfix">
            <div class="pro_ad_slide">
                <div class="hd">
                    <ul></ul>
                </div>
                <div class="bd">
                    <ul>
                        <li><a href="#"><img height="449" src="images/AD-p-5.jpg" width="598"/></a></li>
                        <li><a href="#"><img height="449" src="images/AD-p-6.jpg" width="598"/></a></li>
                    </ul>
                </div>
                <a class="prev" href="javascript:void(0)"><em class="arrow"></em></a>
                <a class="next" href="javascript:void(0)"><em class="arrow"></em></a>
            </div>
            <script type="text/javascript">
		jQuery(".pro_ad_slide").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true,interTime:6000});



            </script>
            <!--产品列表-->
            <div class="pro_list">
                <ul>
                    <li>
                        <a href="#"><img height="150px" src="product/p_1.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_2.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_3.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_4.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_5.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">ECHOIN/百雀羚 小雀幸静润补水保湿面膜 丰盈补水 自然润泽</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                    <li>
                        <a href="#"><img height="150px" src="product/p_6.jpg" width="180px"/></a>
                        <a class="p_title_name" href="#">Olay玉兰油 新生塑颜金纯活能水</a>
                        <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span class="Sales">销量<i>345</i>件</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="pro_ads">
                <ul>
                    <li class="border"><a href="#"><img height="140px" src="product/ad/1.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/2.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/3.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/4.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/5.jpg" width="198"/></a></li>
                    <li><a href="#"><img height="140px" src="product/ad/6.jpg" width="198"/></a></li>
                </ul>
            </div>
            <div class="pro_logo">
                <a href="#"><img height="30" src="product/logo/34.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/42.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/152.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/156.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/740.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/741.png" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/1663.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/690.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/1663.jpg" width="112"/></a>
                <a href="#"><img height="30" src="product/logo/1663.jpg" width="112"/></a>
            </div>
        </div>
    </div>
    <!--猜你喜欢样式-->
    <div class="like_p">
        <div class="title_name"><span>猜你喜欢</span></div>
        <div class="list">
            <ul class="list_style">
                <li class="p_info_u">
                    <a class="p_img" href="#"><img src="product/p_14.jpg"/></a>
                    <a class="name" href="#">御泥坊 玫瑰滋养+红石榴亮颜美肤套装 深层补水滋润 提亮肤色</a>
                    <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span
                            class="Sales">销量<i>345</i>件</span></div>
                </li>
                <li class="p_info_u">
                    <a class="p_img" href="#"><img src="product/p_15.jpg"/></a>
                    <a class="name" href="#">御泥坊 玫瑰滋养+红石榴亮颜美肤套装 深层补水滋润 提亮肤色</a>
                    <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span
                            class="Sales">销量<i>345</i>件</span></div>
                </li>
                <li class="p_info_u">
                    <a class="p_img" href="#"><img src="product/p_16.jpg"/></a>
                    <a class="name" href="#">御泥坊 玫瑰滋养+红石榴亮颜美肤套装 深层补水滋润 提亮肤色</a>
                    <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span
                            class="Sales">销量<i>345</i>件</span></div>
                </li>
                <li class="p_info_u">
                    <a class="p_img" href="#"><img src="product/p_17.jpg"/></a>
                    <a class="name" href="#">御泥坊 玫瑰滋养+红石榴亮颜美肤套装 深层补水滋润 提亮肤色</a>
                    <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span
                            class="Sales">销量<i>345</i>件</span></div>
                </li>
                <li class="p_info_u">
                    <a class="p_img" href="#"><img src="product/p_18.jpg"/></a>
                    <a class="name" href="#">御泥坊 玫瑰滋养+红石榴亮颜美肤套装 深层补水滋润 提亮肤色</a>
                    <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span
                            class="Sales">销量<i>345</i>件</span></div>
                </li>
                <li class="p_info_u">
                    <a class="p_img" href="#"><img src="product/p_19.jpg"/></a>
                    <a class="name" href="#">御泥坊 玫瑰滋养+红石榴亮颜美肤套装 深层补水滋润 提亮肤色</a>
                    <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span
                            class="Sales">销量<i>345</i>件</span></div>
                </li>
                <li class="p_info_u">
                    <a class="p_img" href="#"><img src="product/p_24.jpg"/></a>
                    <a class="name" href="#">御泥坊 玫瑰滋养+红石榴亮颜美肤套装 深层补水滋润 提亮肤色</a>
                    <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span
                            class="Sales">销量<i>345</i>件</span></div>
                </li>
                <li class="p_info_u">
                    <a class="p_img" href="#"><img src="product/p_26.jpg"/></a>
                    <a class="name" href="#">御泥坊 玫瑰滋养+红石榴亮颜美肤套装 深层补水滋润 提亮肤色</a>
                    <div class="Numeral"><span class="price"><i>￥</i>123.00</span><span
                            class="Sales">销量<i>345</i>件</span></div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!---->
<div class="slogen">
    <div class="index_style">
        <ul class="wrap">
            <li>
                <a href="#"><img data-bd-imgshare-binded="1" src="images/slogen_34.png"></a>
                <b>安全保证</b>
                <span>多重保障机制 认证商城</span>
            </li>
            <li><a href="#"><img data-bd-imgshare-binded="2" src="images/slogen_28.png"></a>
                <b>正品保证</b>
                <span>正品行货 放心选购</span>
            </li>
            <li>
                <a href="#"><img data-bd-imgshare-binded="3" src="images/slogen_30.png"></a>
                <b>七天无理由退换</b>
                <span>七天无理由保障消费权益</span>
            </li>
            <li>
                <a href="#"><img data-bd-imgshare-binded="4" src="images/slogen_31.png"></a>
                <b>天天低价</b>
                <span>价格更低，质量更可靠</span>
            </li>
        </ul>
    </div>
</div>
<!--底部图层-->
<div class="phone_style">
    <div class="index_style">
        <span class="phone_number"><em class="iconfont icon-dianhua"></em>400-4565-345</span><span class="phone_title">客服热线 7X24小时 贴心服务</span>
    </div>
</div>
<div class="footerbox clearfix">
    <div class="clearfix">
        <div class="">
            <dl>
                <dt>新手上路</dt>
                <dd><a href="#">售后流程</a></dd>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">订购方式</a></dd>
                <dd><a href="#">隐私声明 </a></dd>
                <dd><a href="#">推荐分享说明 </a></dd>
            </dl>
            <dl>
                <dt>配送与支付</dt>
                <dd><a href="#">保险需求测试</a></dd>
                <dd><a href="#">专题及活动</a></dd>
                <dd><a href="#">挑选保险产品</a></dd>
                <dd><a href="#">常见问题 </a></dd>
            </dl>
            <dl>
                <dt>售后保障</dt>
                <dd><a href="#">保险需求测试</a></dd>
                <dd><a href="#">专题及活动</a></dd>
                <dd><a href="#">挑选保险产品</a></dd>
                <dd><a href="#">常见问题 </a></dd>
            </dl>
            <dl>
                <dt>支付方式</dt>
                <dd><a href="#">保险需求测试</a></dd>
                <dd><a href="#">专题及活动</a></dd>
                <dd><a href="#">挑选保险产品</a></dd>
                <dd><a href="#">常见问题 </a></dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">保险需求测试</a></dd>
                <dd><a href="#">专题及活动</a></dd>
                <dd><a href="#">挑选保险产品</a></dd>
                <dd><a href="#">常见问题 </a></dd>
            </dl>
        </div>
    </div>
    <div class="text_link">
        <p>
            <a href="#">关于我们</a>｜ <a href="#">公开信息披露</a>｜ <a href="#">加入我们</a>｜ <a href="#">联系我们</a>｜ <a
                href="#">版权声明</a>｜ <a href="#">隐私声明</a>｜ <a href="#">网站地图</a></p>
        <p>蜀ICP备11017033号 Copyright ©2011 成都福际生物技术有限公司 All Rights Reserved. Technical support:CDDGG Group</p>
    </div>
</div>
<!--右侧菜单栏购物车样式-->
<div class="fixedBox">
    <ul class="fixedBoxList">
        <li class="fixeBoxLi user"><a href="#"> <span class="fixeBoxSpan iconfont icon-yonghu"></span>
            <strong>用户</strong></a></li>
        <li class="fixeBoxLi cart_bd" id="cartboxs" style="display:block;">
            <p class="good_cart">0</p>
            <span class="fixeBoxSpan iconfont icon-cart"></span> <strong>购物车</strong>
            <div class="cartBox">
                <div class="bjfff"></div>
                <div class="message">购物车内暂无商品，赶紧选购吧</div>
            </div>
        </li>
        <li class="fixeBoxLi Service "><span class="fixeBoxSpan iconfont icon-service"></span> <strong>客服</strong>
            <div class="ServiceBox">
                <div class="bjfffs"></div>
                <dl onclick="javascript:;">
                    <dt><img src="images/Service1.png"></dt>
                    <dd><strong>QQ客服1</strong>
                        <p class="p1">9:00-22:00</p>
                        <p class="p2"><a
                                href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a>
                        </p>
                    </dd>
                </dl>
                <dl onclick="javascript:;">
                    <dt><img src="images/Service1.png"></dt>
                    <dd><strong>QQ客服1</strong>
                        <p class="p1">9:00-22:00</p>
                        <p class="p2"><a
                                href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a>
                        </p>
                    </dd>
                </dl>
            </div>
        </li>
        <li class="fixeBoxLi code cart_bd " id="cartboxs" style="display:block;">
            <span class="fixeBoxSpan iconfont icon-erweima"></span> <strong>微信</strong>
            <div class="cartBox">
                <div class="bjfff"></div>
                <div class="QR_code">
                    <p><img height="150px" src="images/erweim.jpg" style=" margin-top:10px;" width="150px"/></p>
                    <p>微信扫一扫，关注我们</p>
                </div>
            </div>
        </li>

        <li class="fixeBoxLi Home"><a href="./"> <span class="fixeBoxSpan iconfont  icon-shoucang"></span>
            <strong>收藏</strong> </a></li>
        <li class="fixeBoxLi Home"><a href="./"> <span class="fixeBoxSpan iconfont  icon-zuji"></span>
            <strong>足迹</strong> </a></li>
        <li class="fixeBoxLi Home"><a href="./"> <span class="fixeBoxSpan iconfont  icon-fankui"></span>
            <strong>反馈</strong> </a></li>
        <li class="fixeBoxLi BackToTop"><span class="fixeBoxSpan iconfont icon-top"></span> <strong>返回顶部</strong></li>
    </ul>
</div>
</body>
</html>
<script type="text/javascript">
//浮动导航
function float_nav(dom){
	var right_nav=$(dom);
	var nav_height=right_nav.height();
	function right_nav_position(bool){
		var window_height=$(window).height();
		var nav_top=(window_height-nav_height)/2;
		if(bool){
			right_nav.stop(true,false).animate({top:nav_top+$(window).scrollTop()},400);
		}else{
			right_nav.stop(true,false).animate({top:nav_top},300);
		}	
		right_nav.show();
	}
	
	if(!+'\v1' && !window.XMLHttpRequest ){
		$(window).bind('scroll resize',function(){
			if($(window).scrollTop()>300){
				right_nav_position(true);			
			}else{
				right_nav.hide();	
			}
		})
	}else{
		$(window).bind('scroll resize',function(){
			if($(window).scrollTop()>300){
				right_nav_position();
			}else{
				right_nav.hide();
			}
		})
	}	
}
float_nav('#float');
float_nav('#left_nav');



</script>